<template>
    <div :class="$style.color"></div>
</template>

<script setup lang="ts">
interface Props {
    color?: string
}

const props = withDefaults(defineProps<Props>(), {
    color: '#ffffff'
})
</script>

<style module>
.color {
    width: 13px;
    height: 13px;
    background: v-bind('color');
    display: inline-block;
    border: 1px solid #e4e7ed;
}
</style>